const path = require('path')
const webpackConfig = require('./config/webpack.config.js')
const outputDir = '../public'
// 开发模式代理地址 TODO: 按需修改
const DEV_URL = 'http://172.16.34.71'
// mock模式代理地址,为了方便演示，这里使用了fastmock线上服务，建议使用yapi,可以搭建私服， TODO: 按需修改
const MOCK_URL = 'https://www.easy-mock.com/mock/5f58973ed5906660c22db0d2/peng'

module.exports = {
  lintOnSave: false,
  publicPath: '', // 默认'/'，部署应用包时的基本 URL
  outputDir: outputDir, // 'dist', 生产环境构建文件的目录
  // assetsDir: "", // 相对于outputDir的静态资源(js、css、img、fonts)目录
  runtimeCompiler: true, // 是否使用包含运行时编译器的 Vue 构建版本
  productionSourceMap: false,
  chainWebpack: config => {
    webpackConfig(config)
  },
  css: {
    loaderOptions: {
      stylus: {
        preferPathResolver: 'webpack',
        paths: [path.join(__dirname, 'src/styles')],
        import: ['global.styl']
      }
    }
  },
  devServer: {
    port: 8080,
    proxy: {
      '^/api': {
        target: DEV_URL,
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      },
      '^/peng': {
        // TODO: 添加 mock地址
        target: MOCK_URL,
        changeOrigin: false
      }
    }
  }
}
